import type { AppRouteModule } from '@/router/types';

import { LAYOUT } from '@/router/constant';
import { t } from '@/hooks/web/useI18n';

const design: AppRouteModule = {
  path: '/designer',
  name: 'Designer',
  component: LAYOUT,
  redirect: '/designer/form-designer',
  meta: {
    orderNo: 888888888,
    icon: 'clarity:design-line',
    title: t('routes.designer.designer'),
    hideMenu: true,
  },
  children: [
    {
      path: 'formdesigner',
      name: 'FormDesigner',
      component: () => import('@/views/designer/form-designer/index.vue'),
      meta: {
        icon: 'iconoir:design-pencil',
        title: t('routes.designer.form.title'),
        ignoreKeepAlive: false,
      },
    },
  ],
};

export default design;
